// bxm卡片
<template>
    <div class="bxm-card-title">
        <div v-if="showLeftLine" class="line"></div>
        <div class="title" :style="titleStyle">{{ title }}</div>
        <div class="sub-title">
            <slot name="sub-title"></slot>
        </div>
    </div>
</template>

<script setup>
    const props = defineProps({
         // 标题
        title: {
            type: String,
            required: true
        },
        // 是否显示左侧的竖线
        showLeftLine: {
            type: Boolean,
            default: true,
            required: false
        },
        // 标题行内样式
        titleStyle: {
            type: String,
            default: '',
            required: false
        }
    })
</script>
